/*
 * Wire
 * Copyright (C) 2018 Wire Swiss GmbH
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 *
 */

.preferences-devices-model {
  font-weight: @font-weight-bold;
  height: @line-height-xl;
  line-height: @line-height-xl;
}

.preferences-devices-activated {
  color: @graphite;
  font-size: @font-size-xs;
  line-height: @line-height-sm;
  margin: 16px 0;
}

.preferences-devices-card {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 72px;
  padding-top: 8px;
  width: 560px;

  .preferences-devices-card-action {
    display: flex;
    justify-content: space-between;
    height: 16px;
    width: 56px;
    margin-top: 16px;
  }

  .preferences-devices-card-data {
    display: flex;
  }

  .preferences-devices-card-icon {
    height: 16px;
    width: 16px;
    margin: 8px 16px 0 0;
  }
}

.preferences-devices-card + .preferences-devices-card {
  border-top: 1px solid @seperator-color;
}

.preferences-devices-details {
  .label-bold-xs;
  display: flex;
  line-height: @line-height-sm;
  margin: 0 0 16px -34px;
}

.preferences-devices-icon {
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin-right: 16px;
}

.preferences-devices-id {
  .label-xs;

  span:first-child {
    .label-bold;
  }
}

.preferences-devices-activated-bold {
  font-weight: @font-weight-bold;
}

.preferences-devices-fingerprint {
  height: 48px;
  line-height: @line-height-lg;
  font-family: monospace;

  .device-id-part {
    display: inline;
  }

  .device-id-part:nth-child(17)::before {
    content: ' ';
    display: block;
  }
}

.preferences-devices-fingerprint-label {
  .label-xs;
  color: @graphite;
  margin-top: 32px;
  margin-bottom: 8px;
}

.preferences-devices-session {
  height: 36px;
}

.preferences-devices-session-confirmation,
.preferences-devices-session-reset {
  font-size: @font-size-xs;
  line-height: @line-height-sm;
  height: 16px;
  padding-top: 16px;
}

.preferences-devices-session-reset {
  color: @graphite;
}

.preferences-devices-verification {
  margin: 16px auto;
}

.preferences-devices-separator {
  margin-bottom: 32px;
  width: 560px;
}
